/*reset */
html{color:#111;background:#fff}
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var, optgroup{font-style:inherit;font-weight:inherit}
del, ins{text-decoration:none}
ul{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal}
q:before, q:after{content:''}
abbr, acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
input, button, textarea, select, optgroup, option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input, button, textarea, select{*font-size:100%}
/* clear both */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1;display:inline-block;_height:1px}
*html .clearfix{height:1%}
*+html .clearfix{height:1%}
.clearfix{display:block}
/* outer frame */
body{font:12px Tahoma, Geneva, sans-serif;margin:0 0}
#wrapper{width:950px;margin:0 auto}
#header{}
#content{min-height:420px}
#footer{color:#999;padding-top:6px;margin-top:40px;margin-bottom:5px;overflow:auto;zoom:1;border-top:1px dashed #ddd}

.grid-16-8 .amain{float:left;width:610px;padding-right:10px}
.grid-16-8 .aside{float:right;width:310px}
.grid-4-14-6 .nav{float:left;width:150px;margin-right:10px}
.grid-4-14-6 .amain{float:left;width:540px;padding-right:10px}
.grid-4-14-6 .aside{float:right;width:230px}
/* form */
fieldset{border:1px solid #ddd;padding:0 10px;margin-bottom:15px}
fieldset legend{color:#666;padding:0 5px}
input{margin-right:3px}
/* links */
#footer .gray-link a:link,#footer .gray-link a:visited,#footer .gray-link a:active{color:#999;background:none}
#footer .gray-link a:hover{color:#fff;background:#999}

/* footer */
.col-3{clear:both;margin-bottom:15px}
.col-3 li{float:left;width:330px;margin-bottom:5px}
.col-3 li.first{width:290px}
.col-3 li.last{width:320px}
.col-3 li a:link,.col-4 li a:link,.col-3 li a:visited,.col-4 li a:visited,.col-3 li a:active,.col-4 li a:active{color:#999;background:none}
.col-3 li a:hover,.col-4 li a:hover{color:#fff;background:#999}
.col-4{clear:both;margin-bottom:15px}
.col-4 li{float:left;display:inline;margin:0 44px 5px 0}
.extra{clear:both;text-align:right}

.commentfright
{
	float:right;
	color:#c0c0c0;
	margin-right:30px;
	}
/*font color*/
.greyinput{color:#ccc;}
.btn-submit{
background-color:#FF3200;
border: none;
color: white;
cursor: pointer;
font-size: 14px;
height: 28px;
line-height: 28px;
padding-bottom: 3px;
width: 80px;
margin-top:3px;
}
.form-submit{
	display:block;
	background-color:#FF3200;
	border: none;
	color: white;
	cursor: pointer;
	font-size: 14px;
	height: 28px;
	line-height: 28px;
	padding-bottom: 3px;
	width: 80px;
	margin-top:3px;
	
}
.btn-search{
background-color:#FF3200;
border: none;
color: white;
cursor: pointer;
font-size: 14px;
height: 24px;
line-height: 24px;
padding-bottom: 3px;
width: 52px;
margin-top:3px;
}
.btn-focus{
background-color:#FF3200;
border: none;
color: white;
cursor: pointer;
font-size: 14px;
height: 24px;
line-height: 24px;
padding-bottom: 3px;
width: 82px;
margin-top:3px;
}

.btn-action{
background-color:#FF3200;
border: none;
color: white;
cursor: pointer;
font-size: 15px;
height: 32px;
line-height: 32px;
padding-bottom: 5px;
width: 80px;
margin-top:5px;
}
/** a btn**/
.abtn{
background-position: 0px -155px;
background-color:#FAD963;
color: #404040;
display: inline-block;
font-size: 1.2em;
font-weight: bold;
height: 23px;
line-height: 23px;
padding-left: 5px;
text-align: center;
width: 97px;
}

/** a btn**/
.pabtn{
background-position: 0px -155px;
background-color:#FAD963;
color: #404040;
display: inline-block;
font-size: 1.2em;
font-weight: bold;
height: 35px;
line-height: 33px;
padding-left: 15px;
text-align: center;
width: 100px;
}

.clear{
clear: both;
font-size: 0px;
line-height: 0;
}

a{cursor:pointer}
a:link{color:#FC0202;text-decoration:none;}
a:visited{color:#FF3200;text-decoration:none;}
a:hover{color:#FFFFFF;text-decoration:none;background:#003399;}
a:active{color:#FFFFFF;text-decoration:none;background:#FF9933;}
a img{border-width:0;}

.top-nav{clear:both;width:100%;color:#555;height:33px;background:url(../images/nav/t_bg.gif) repeat-x;}

.top-nav .bd{width:950px;margin:0 auto;}
.top-nav-items{float:right;*position:relative;font-size:12px;margin-top:3px;margin-right:2.8em;}
.top-nav-items li{float:left;display:inline;margin:2px 22px 0 0;}
.top-nav-items li.nav-promo{margin:-1px 0 0 2em;}

.nav-srh{float:right;*width:27.5%;}

.nav-srh img {float:left; padding:0 8px 10px 0;}

.site-nav{width:100%;clear:both;border-bottom:1px dashed #ddd;height:62px;}
.user{float:right;padding:6px 6px 0 5px;}
.site-nav-logo{float:left;margin:0 15px 2px 0;*margin-top:2px;}
.site-nav-logo img{margin-bottom:0px;}
.site-nav-logo a:hover,.site-nav-logo a:active,.site-nav-logo a{background:transparent;}
.top-nav-info{float:right;margin-top:5px;*margin-top:6px;}
.top-nav-info a.bn-radio:hover,.top-nav a:hover{background-color:#369;color:#fff;}
.top-nav li.on{color:#000;}
.top-nav li.on a:link,.top-nav li.on a:visited,.top-nav li.on a:hover,.top-nav li.on a:active{color:#000;}
.top-nav-info em{font-style:normal;}
.top-nav-info a{margin-left:15px;}

.nav-srh{float:right;padding:10px 0 0 0;*width:27.5%;}

.site-nav-items{float:left;margin-top:20px;*margin-top:26px;}
.site-nav-items li{display:inline;margin:0 12px;}
.site-nav-items li a:link,.site-nav-items li a:hover,.site-nav-items li a:visited,.site-nav-items li a:active{font-size:18px;color:#FF3200;}
.site-nav-items li a:hover{background-color:#FF3200;color:#fff;}
.site-nav h1{font-size:21px;padding:8px 0;}

#searbar{margin-top:2px;*margin-bottom:-5px;}
#searbar span{margin:0;height:14.8px;display:block;line-height:14.8px;float:right;position:relative;}
#searbar a.arrow:hover{background:none;}



h1{display:block;font-size:25px;font-weight:bold;color:#494949;margin:0;padding:5px 0px 15px 0px;line-height:1.1em;}
h2{color: #FF3200;
font: normal normal normal 14px/normal Arial, Helvetica, sans-serif;
line-height: 150%;
margin: 6px 0px 5px;}
.showflash{width:590px;height:259;display:block;overflow:hidden;}
.link_list{margin-top:8px;}
.link_list span, .link_list a{margin: 0px 10px;}

.ablock{
float: left;
height: 200px;
overflow: hidden;
text-align: center;
width: 200px;
}

.dblock{
	float: left;
height: 140px;
overflow: hidden;text-align: center;width: 147px;}
.goods_photo{width:181px;height:181px;dislay:block}
.goods_photo:link{color:#777;font-style:italic}
.goods_photo:visited{color:#777;font-style:italic}
.goods_photo:hover{background:none;color:#777}

.cat-col5{padding-bottom:20px}
.cat-col5 li{border-bottom:1px dashed #ddd;padding-bottom:10px;margin-bottom:10px}
.cat-col5 li ul li{float:left;display:inline;width:62px;margin:0;padding:0;border:none}

.gblock{
	float: left;
height: 170px;
overflow: hidden;text-align: center;width: 150px;}

.mblock{
float: left;
height: 100px;
overflow: hidden;text-align: center;
width: 100px;
}

.login form{
padding: 0;
}
.login form fieldset{
padding:8px 0 0 8px;
}
.login .item{
margin: 8px 0 10px 10px;
}
.login .iteml{
color: #666;
float: left;
font-size: 12px;
margin: 0px 20px 10px 20px;
}
.login .item label{
float: left;
width: 4em;
}

/*add by xinqi*/
.fr{float: right;}
.fr a {margin-left:10px;}
.mt5 {
margin-top:5px;
float:left;
}
.width170{
width:170px;
}
.pl-5{
padding-left:5px;
}

.rblockul{border-bottom: 1px dashed #DDD;
clear: both;
float: left;
padding: 5px 0px;
width: 100%;}

.mbtl{float: left;
margin: 8px 7px 0px 0px;
padding: 0px;
width: 55px;}
.indentrec{margin-left:24px;line-height:1.6em;color:#333;}
.mbtrdot{padding:4px 0;min-height:55px;overflow:hidden;}
.mbtrmini{padding:4px 0 4px 12px;background:url(../images/nav/listdot.gif) 0 8px no-repeat;}
* html .mbtr{word-break:break-all;height:55px;overflow:visible;}
* html .mbtrdot{word-wrap:break-word;word-break:break-all;height:55px;overflow:visible;}
* html .mbtrmini{word-break:break-all;overflow:visible;}


/* goods block*/
.buyblock
{
background: #F4F4EC;
margin-bottom: 10px;
padding: 10px;
word-wrap: break-word;
}

.goodsbuy li{
border-bottom: 1px dashed #DDD;
margin: 0px;
padding: 4px 0px;
}

.commentblock{
background-color: #F4F4EC;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
margin-bottom: 3em;
padding: 8px;
}


.commentblock textarea{
border: 1px solid #CCC;
height: 72px;
overflow: auto;
vertical-align: bottom;
width: 97.5%;
}

.shgoodimg{
display: block;
float: left;
height: 310px;
overflow: hidden;
width: 310px;
}

.shgooddes{
display: block;
float: left;
position: relative;
width: 180px;
z-index: 10;
}

.goodshowblock{
word-break: break-all;
}

.displayauto{
float: none;
width: auto;
}

.subject{
float: left;
width: 605px;
}

.mainpic{
float: left;
margin: 3px 12px 0px 0px;
text-align: center;
width:322px;
height:310px;
overflow:hidden;
}
.mainbrand{
float: left;
margin: 3px 12px 0px 0px;
text-align: center;
width:322px;
height:auto;
overflow:hidden;
}
.mainbpic{
float: left;
margin: 3px 12px 0px 0px;
text-align: center;
width:180px;
height:140px;
overflow:hidden;
}

.info{
float: left;
width: 170px;
word-wrap: break-word;
display:block;
}

.pl12{
color: #666;
font: normal normal normal 14px/normal Arial, Helvetica, sans-serif;
line-height: 150%;
}
.pl{
color: #666;
font: normal normal normal 12px/normal Arial, Helvetica, sans-serif;
line-height: 150%;
}

.interest_action
{
float: right;
margin: 0px 0px 0px 10px;
width: 85px;
}

.loverlist{

clear: both;
padding: 20px 0px 3px;
display:block;
}

.goodsdesc{

clear: both;
padding: 20px 0px 3px;
display:block;
}


#userprofile{
margin-bottom: 25px;
overflow:hidden;
width: 100%;
}

#userprofile h1{
border-bottom: 1px dashed #CCC;
margin-bottom: 5px;
padding: 0px 0px 5px;
}

#userprofile .pic{
float: left;
margin-right: 10px;
}

#userprofile .uinfo{
float: left;
}

#userprofile .uinfo ul li
{
	display: inline;
	margin-right: 1em;
}
.edtext{
margin: 7px 0px 15px;
width: 100%;
}

.uul{
list-style: none;
list-style-type: none;
list-style-type: none;
margin: 0px;
padding: 0px;
}
.obline{
	width: 100%;
}
.substatus{
color: #ACACAC;
display: block;
float: left;
font-size:12px;
height: 100px;
line-height: 100px;
width: 24px;
}
.liline{
display: block;
float: left;
height: 105px;
margin: 3px 3px;
overflow: hidden;
text-align: center;
width: 105px;
}
.ob{
float: left;
margin: 0px 0px 10px;
text-align: center;
width: 72px;
}
.obu{
float: left;
margin: 0px 0px 10px;
text-align: center;
width: 76px;
}

.leftspace{
 margin:5px 0 0 10px;
}
.leftspace input{
	margin:5px 0 0 2px;
}

/*********** js validate **********/
.errorTip{
	background-image:url(../images/validate/access_disallow.gif);
	background-repeat:no-repeat;
	padding-left:16px;
}

.errorInput{
	background-color:#FFCC33;
}

.validTip{
	background-image:url(../images/validate/access_allow.gif);
	background-repeat:no-repeat;
	background-position:left top ;
	padding:2px;
}


/****/
.inputline{
	line-height: 22px;
}

/* city **/
.location{
	margin-bottom:10px;
}


/**user**/
.wl-200{
	float:left;
	width:200px;
	}
.wl-300{
	float:left;
	width:300px;
}
/*mail*/
.xbar div {
background: url(../images/nav/zbar.gif) no-repeat 100% 0%;
float: right;
margin-left: 5px;

}
/*group*/
.topic-content .user-face, .topic-reply .user-face {
float: left;
height: 48px;
overflow: hidden;
width: 48px;
}

.topic-content .topic-doc {
float: right;
margin-bottom: 30px;
width: 520px;
}

.topic-content .topic-doc h3 {
background: none;
height: auto;
margin: 0px;
padding: 5px 0px;
}

.topic-content .topic-doc p {
margin: 0px;
overflow: hidden;
padding: 0px;
word-wrap: break-word;
}


.topic-content .topic-opt {
padding: 15px 0px 0px;
}

.txd textarea {
width: 98%;
border: solid #CCC 1px;
font-size: 14px;
padding: 3px;
overflow: auto;
vertical-align: bottom;
}

.topic-reply li {
margin: 0px 0px 20px 48px;
}
.topic-reply li .reply-doc {
float: right;
width: 473px;
}

.user-image
{
	margin-right:8px;	
}

/* group **/
.infobox {
margin-bottom: 20px;
table-layout: fixed;
width: 100%;
}

.indent {
word-break: break-all;
}


.olt {
margin-bottom: 3px;
padding: 0px;
width: 100%;
}

.tablelc {
background: url(../images/group/tableh.gif);
width: 3px;
}

.tablecc {
background: #FFF6EE;
margin-bottom: 20px;
overflow: hidden;
padding: 6px;
}

.tablerc {
background: url(../images/group/tableh.gif) 100% 50%;
width: 3px;
}

.tablelt {
background: url(../images/group/ibox.gif);
height: 3px;
width: 3px;
}

.tablect {
background: url(../images/group/tablev.gif);
height: 3px;
}

.tablert {
background: url(../images/group/ibox.gif) 100% 0%;
height: 3px;
width: 3px;
}

.tablelb {
background: url(../images/group/ibox.gif) 0px 100%;
height: 3px;
width: 3px;
}

.tablecb {
background: url(../images/group/tablev.gif) 0% 100%;
height: 3px;
}

.tablerb {
background: url(../images/group/ibox.gif) 100% 100%;
height: 3px;
width: 3px;
}

.groupicon {
padding-right: 10px;
}

.oblock {
display: inline;
float: left;
margin: 0px 0px 10px;
width: 76px;
}

.oblock dt {
height: 50px;
line-height: 16px;
margin: 0px;
overflow: hidden;
text-align: center;
}

.oblock dd {
height: 45px;
margin: 0px;
overflow: hidden;
text-align: center;
}


/*** AREA SHOW **/
#addr{
position:absolute;
z-index:3;
width:300px;
border:1px solid #993300;
font-size:12px;
background-color:#FFFFFF;
margin-left:70px;
}
#addr span{
display:block;
width:300px;
height:31px;
background:url(../images/show/addrbg.gif) no-repeat left top;
line-height:31px;
text-indent:30px;
}
#addr span a{
padding-left:35px;
color:#990000;
cursor:pointer;
}
#addr ul{
display:block;
list-style:none;
margin:0px;
padding:0px;
}
#addr ul li{
cursor:pointer;
text-align:center;
width:50px;
height:25px;
line-height:25px;
float:left;
overflow:hidden;
}
.addrSelet{
border:none;
width:120px;
height:20px;
background-image:url(../images/show/addrSelect.gif);
text-align:left;
text-indent:3px;
}
/*****/


.pcss{
 line-height: 162%;display: block;word-wrap: break-word;
}

.ml5{
margin-left:5px;
}

.signin {
background: #E9EEF2;
color: #666;
float: left;
font-size: 14px;
height: 134px;
line-height: 1.6;
position: relative;
width: 590px;
}

.signin div {
padding: 22px 0px 18px;
}

.signin strong {
float: left;
font-size: 24px;
height: 80px;
padding-top: 46px;
text-align: center;
width: 200px;
color: #FC0202;
}

.signin span {
float: left;
font-size: 12px;

text-align: center;
margin-left:30px;
width: 200px;
color:#666;
}
.signin em {
color: #666;
font-size: 12px;
font-style: normal;
}
.signin b {
font-size: 16px;
font-weight: 400;
margin-right: 5px;
}


/*album*/
.album {
background: url(../images/album/albumback.gif) no-repeat 1px 1px;
padding: 4px 7px 7px 4px;
}

.photitle {
border-bottom: 1px solid #DDD;
margin-bottom: 5px;
padding-bottom: 5px;
text-align: right;
}

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
#gallery ul{
	list-style:none;
	}
#gallery ul li{
 display:inline;
}


.linkcss {
	font-size:14px;margin-bottom:14em;padding:0 3px 0 3px;
}
.ulinkcss {
	font-size:14px;margin-bottom:14em;padding:0 3px 0 3px;
}

.ul {
border-bottom: 1px dashed #DDD;
clear: both;
line-height: 100%;
}

.pl2 {
color: #666;
font: normal normal normal 14px/normal Arial, Helvetica, sans-serif;
line-height: 150%;
}

.m {
color: #000;
font-size: 14px;
line-height: 120%;
}

.gotobutton {
-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 1px 2px;
background-image: url(Resource/images/button/awesome-overlay-sprite.png);
background-position: 0px 0px;
background-repeat: repeat-x;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
color: white !important;
display: inline-block;
font: inherit;
font-size: 15px !important;
font-style: normal !important;
line-height: 1;
padding: 5px 10px;
position: relative;
vertical-align: middle;
zoom: 1;
background-color: #FF3200;
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#e6e5e4; padding:1px;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/colorbox/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
